<#import "/layout.html" as c>
<#import "/list_layout.html" as list>
<#assign alertList = []/>
<@c.html title="Index">
<!-- ================== 开始页面所需CSS引入 ================== -->
<!-- 富文本编辑器 -->准备尺寸转正则尺寸吃不饱尺寸
<link type="text/css" rel="stylesheet" href="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/skin/WdatePicker.css" />
<link type="text/css" rel="stylesheet" href="${pluginsRoot}/jquery.dtGrid/dependents/datePicker/skin/default/datepicker.css" />
<!-- ================== 开始页面所需CSS引入 ================== -->
    <@list.html title="银行配置" subTitle="银行配置" alertList=alertList permi="sys:bank:save" addBtn=true searchHint="请输入银行名称/银行编码作为关键词进行搜索">

    <!-- 开始用户权限参数 -->
    <@shiro.hasPermission name="sys:bank:edit">
    <input type="hidden" id="editBank" value="1"/>
    </@shiro.hasPermission>
    <@shiro.hasPermission name="sys:bank:del">
    <input type="hidden" id="delBank" value="1"/>
    </@shiro.hasPermission>
    <!-- 结束用户权限参数 -->

<!--开始新增银行模态窗口 &ndash;&gt;-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" style="overflow:scroll">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"> 新增银行 </h4>
            </div>
            <div class="modal-body">
                <!-- 开始操作提示 -->
                <ul class="collapse text-info p-b-10 p-l-15" role="tabpanel" id="OperationTips">
                </ul>
                <!-- 开始新增菜单设置模块 -->
                <form class="form-horizontal form-bordered p-0" id="addForm"
                      action="${adminRoot}bank/json/add" method="post" autocomplete="off"
                      data-parsley-validate="true">
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">银行名称<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="name" type="text" class="form-control" value="" placeholder="请输入银行名称"
                                   data-parsley-required="true" data-original-title="必填项，输入内容控制在2-5个字符。"
                                   data-parsley-length="[2, 10]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">银行编码<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="insideCode" type="text" class="form-control" value="" placeholder="请输入银行编码"
                                   data-parsley-required="true" data-original-title="必填项，输入内容控制在2-5个字符。"
                                   data-parsley-length="[2, 10]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">排序<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="sortNo" type="text" class="form-control" value="" placeholder="请输入排序"
                                   data-parsley-required="true" data-original-title="必填项，输入整数。"
                                   data-parsley-type="integer" data-parsley-length="[1, 5]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">图标<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input type="hidden" id="addFormPicPath" name="icon">
                            <div class="clickreply-image m-b-15"><img src="${imgRoot}default_image.gif" id="addFormPicImg" alt="" class="media-object viewImage"></div>
                            <p class="text-info">封面图片尺寸要求宽度为360像素、高度为200像素；支持格式gif，jpg，png。</p>
                            <span class="btn btn-sm btn-white fileinput-button"> <i class="fa fa-upload"></i> <span>文件上传</span>
                                    <input id="addFormPic" type="file" name="file" autocomplete="off" multiple data-parsley-required="true">
                                   </span>
                        </div>
                    </div>
                </form>
                <!-- 结束新增菜单设置模块-->
            </div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">取消编辑</a>
                <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..."
                   nc-ajax-submit-target="addForm" nc-ajax-submit>确认提交</a></div>
        </div>
    </div>
</div>
<!--结束新增银行模态窗口 &ndash;&gt;-->

<!-- 开启编辑银行模态窗口 &ndash;&gt;-->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" style="overflow:scroll">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"> 编辑分类 </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-bordered p-0" id="editForm"
                      action="${adminRoot}bank/json/edit" method="post" autocomplete="off"
                      data-parsley-validate="true">
                    <input type="hidden" name="id" value="">
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">银行名称<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="name" type="text" class="form-control" value="" placeholder="请输入银行名称"
                                   data-parsley-required="true" data-original-title="必填项，输入内容控制在2-10个字符。"
                                   data-parsley-length="[2, 10]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">银行编码<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="insideCode" type="text" class="form-control" value="" placeholder="请输入银行编码"
                                   data-parsley-required="true" data-original-title="必填项，输入内容控制在2-10个字符。"
                                   data-parsley-length="[2, 10]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">排序<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input name="sortNo" type="text" class="form-control" value="" placeholder="请输入排序"
                                   data-parsley-required="true"  data-original-title="必填项，输入整数。"
                                   data-parsley-type="integer" data-parsley-length="[1, 5]"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2 col-sm-3">图标<i class="f-s-14 text-danger">*</i>&nbsp;:</label>
                        <div class="col-md-9 col-sm-8">
                            <input type="hidden" id="editFormPicPath" name="icon">
                            <div class="clickreply-image m-b-15"><img src="${imgRoot}default_image.gif" id="editFormPicImg" alt="" class="media-object viewImage"></div>
                            <p class="text-info">封面图片尺寸要求宽度为360像素、高度为200像素；支持格式gif，jpg，png。</p>
                            <span class="btn btn-sm btn-white fileinput-button"> <i class="fa fa-upload"></i> <span>文件上传</span>
                                    <input id="editFormPic" type="file" name="file" autocomplete="off" multiple>
                                   </span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">取消编辑</a>
                <a href="javascript:;" class="btn btn-primary" data-loading-text="Loading..."
                   nc-ajax-submit-target="editForm" nc-ajax-submit>确认提交</a></div>
        </div>
    </div>
</div>
<!--结束编辑银行模态窗口 &ndash;&gt;-->
</@list.html>
    <!-- ================== 开始页面级JavaScrip调用 ================== -->
    <script src="${pluginsRoot}ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="${pluginsRoot}bootstrap-switch/bootstrap-switch.min.js"></script>
    <script src="${jsRoot}setting/bank.handle.js"></script>
    <!-- ================== 结束页面级JavaScrip调用 ================== -->
</@c.html>